<template>
  <div>
     <div class="main">
        <div class="top">
          <router-link to="/">
             <img class="header-img0" :src="imgUrl" alt="">
          </router-link>
          <div class="msg">
            <h2>Another</h2>
            <p>2月1日 5:21</p>
            <p>217粉丝</p>
          </div>
          <img :src="imgUrl1" alt="" class="pic">
          <p class="label">美丽的每一天</p>
          </div>
          <div class="concern">
            <p class="p1"><span><i class="iconfont">&#xe617;</i>9天前</span><span><i class="iconfont">&#xe613;</i>3120</span></p>
            <p class="p2"><span><i class="iconfont talk">&#xe603;</i>30</span><span><i class="iconfont">&#xe659;</i>500</span></p>
          </div>
       <Comment />
      </div>
  </div>
</template>

<script>
import Comment from "../LaunchNext/Comment.vue"
export default {
  name:"LaunchNext",
  data() {
    return {
      imgUrl: require("../../assets/img/tx.png"),
      imgUrl1: require("../../assets/shangPinPic/jxwz.png"),
    }
  },
  components:{
    Comment
  }
}
</script>

<style scoped>
.main{
    position: absolute;
    left: 0;
    top: 85px;
  }
.top{
  width: 9.466rem;
  height: 7.07rem;
  background-color: #fff;
  margin-left: 0.267rem;
  box-shadow: 0.053rem 0.08rem 0.8rem rgba(0,0,0,0.1);
  border-radius: 0.134rem;
  padding-bottom: 0.267rem;
  box-sizing: border-box;
}
.header-img0{
  width: 1.867rem;
  height: 1.867rem;
  margin-top: -0.267rem;
  margin-left: 0.267rem;
  float: left;
}
.msg{
  float: left;
  margin-left: 0.53rem;
  padding-top: 0.32rem;
  box-sizing: border-box;
  margin-top: -0.134rem;
  text-align: left;
}
h2{
  margin-bottom: 0.134rem;
  font-size: 0.373rem;
  font-weight: normal;
  color: #808080;
}
.msg p{
   color: #808080;
   font-size: 0.32rem;
}
.pic{
  width: 8.96rem;
  height: 4.45rem;
  margin-top: 0.267rem;
}
.label{
  margin-left: 0.267rem;
  margin-top: 0.133rem;
  color: #808080;
  font-size: 0.32rem;
  width: 100%;
  text-align: left;
  
}
.concern{
  width: 100%;
  margin-top: 0.347rem;
  padding: 0 0.267rem;
  box-sizing: border-box;
  margin-bottom: 0.267rem;
  float: left;
}
.concern .p1{
  float: left;
}
.concern .p2{
  float: right;
}
.concern .p1 span{
  margin-right: 0.427rem;
  color: #808080;
  font-size: 0.32rem;
}
.concern .p2 span{
  margin-left: 0.427rem;
  color: #808080;
  font-size: 0.32rem;
}
.concern span .iconfont{
  font-size: 0.373rem;
  display: inline-block;
  margin-right: 0.04rem;
}
.concern span .talk{
  font-size: 0.4rem;
}
</style>
